<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
<head>
   <!-- content="text/html;charset=ISO-8859-15" -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>DARTIES - Tableau de bord du directeur commerciale</title><link rel="stylesheet" href="../styles/style.css" type="text/css" media="screen" />
	
    <script type="text/javascript" src="../js/script.js"></script>
	<script type="text/javascript" src="../js/jquery-1.7.1.min.js"></script> 
	<!--<script type="text/javascript" src="../js/menu.js"></script> -->
	<script type="text/javascript" src="../js/tablesorter.js"></script> 
	
	<!-- Pour les graphiques en JQuery -->

	<script type="text/javascript" src="../js/highcharts.js" ></script>
	<script type="text/javascript" src="../js/adapters/mootools-adapter.js" ></script>
	<script type="text/javascript" src="../js/exporting.js"></script>

	
	<script type="text/javascript" src="../js/ca.js" ></script>
	<script type="text/javascript" src="../js/ca_2.js" ></script>
	
	
	

		<script type="text/javascript">
		window.onload = function(){
			$("#myTable1").tablesorter();
			$("#myTable2").tablesorter();
			$("#myTable3").tablesorter();
			
			
			
			g_globalObject = new JsDatePick({
				useMode:1,
				isStripped:true,
				target:"calendrier"
			});		
			
			g_globalObject.setOnSelectedDelegate(function(){
			});
		};
	</script>
</head>
<body> 
	<div id="page"  style="height:2270px;">
		<div id="header">
		
		<!--  -->
			<div id="utilisateur">Le Grand Ronan <a href="../index.html" > Déconnexion</a></div>
			
			
			

			
			<div class="cleared"></div>
			<div id="logo-darties">&nbsp </div>
			<div id="site-titre">
				<p class = "titre"><a href="#">Tableau de bord </a></p>
				<p class= "detail">Direction commerciale</p>
			</div>
			<div id="logo-iut">&nbsp </div>
			<div id="date_modification">Dernière modification 7 janvier 2012</div>
		
</div> <!-- Fin Div Header -->
		<!-- Onglets -->
		<ul id="tabs">
			<li>
				<a href="index.html" title ="tab1" class="active">Accueil</a>
			</li>
			<li>
				<a href="details.html" title="tab2">Détails</a>
			</li>		
			<li>
				<a href="historique.html" title="tab3">Historique</a>
			</li>
			<li>
				<a href="analyse.html" title="tab4">Analyse</a>
			</li>
			<li>
				<a href="aide.html" title="tab5">Aide</a>
			</li>
			<li class="options"><img src="../images/header/pdf.png" title="Convertir en PDF"></li>
			<li class="options"><img src="../images/header/imp.png" title="Imprimer"></li>
		</ul>
	
	

			
<!-- MIDDLE -->
		<div id= "middle">
<!-- SIDEBAR -->
			<div id="sidebar">
			
				<!-- BLOCK INDICATEURS -->
				<div class="block">
					<div class="titre">Filtres</div>
					<div class="contenu">
						<table>
							
						<tr>
								<td><span> Region:</span></td>
								<td>
									<select style="width:150px" >
										<option >Toutes régions</option>
										<option >Nord-Ouest</option>
										<option >Sud-Ouest</option>
										<option >Nord-Est</option>
										<option >Sud-Est</option>
										<option >Region parisienne</option>
									</select>
								</td>
							</tr>
							<tr>
								<td><span> Periode:</span></td>
								<td>
									<select style="width:150px">
										<option >Mois</option>
										<option >Annuel</option>										
										<option >Semestrielle</option>
										<option >Trimestrielle</option>
									</select>
								</td>
							</tr>						
								
							<tr>
								<td><span> Mois:</span></td>
								<td>
									<select style="width:150px">
											<option>Janvier</option>
											<option>Fevrier</option>
											<option>Mars</option>
											<option>Avril</option>
											<option>Mai</option>
											<option>Juin</option>
											<option>Juillet</option>
											<option>Aout</option>
											<option>Septembre</option>
											<option>Octobre</option>
											<option>Novembre</option>
											<option>Décembre</option>
									</select>
								</td>
							</tr>						
								
							<tr>
								<td><span> Indicateur:</span></td>
								<td>
									<select style="width:150px">
										<option disabled>Tous indicateurs</option>
										<option selected>Chiffre d'affaires</option>
										<option >Marge brute</option>
										<option >Vente</option>
									</select>
								</td>
							</tr>	
							
							<tr>
								<td><span> Produits:</span></td>
								<td>
									<select style="width:150px" disabled>
										<option >Toutes familles</option>
										<option >Four</option>
										<option >Hifi</option>
										<option >Magneto</option>
									</select>
								</td>
							</tr>
							<tr>
								<td><span> Devise:</span></td>
								<td>
									
										<input type="radio" checked name="devise">€
										<input type="radio"  name="devise">$
									
								</td>
							</tr>								
						</table>
					</div>
				</div><!-- Fin Div Indicateurs -->					
				<div class="cleared"></div>
			
				<!-- BLOCK RECHERCHE -->
				<div class="block">
					<div class="titre"> Recherche </div>
					<div class="contenu">
						<form method="get" id="newsletterform" action="http://www.google.fr/#sclient=psy-ab&hl=fr&q=" target="_blank">
							<input type="text" value="Recherche" name="email" id="s" style="width: 60%;" onclick="this.value=''"/>						
							<a href="#" onclick="newsletterform.submit();"><img src="../images/contenu/recherche.jpg"  height='15px'></img></a>
							<br></br>
						</form>
					</div>
				</div> <!-- Fin Div Recherche -->
		
		
		
				<!-- BLOCK CALENDRIER -->
				<div class="block">
					<div class="titre">Calendrier</div>
					<div class="contenu">
						<div id="calendrier" style="margin:none; width:200px; height:338px;"></div>   
					</div>
				</div> <!-- Fin Div Calendrier -->
				<div class="cleared"></div>
				
			</div><!-- Fin Div Sidebar --> 

<!-- CONTENT  -->
			<div id="content" style="background: url(images/france_background/france.png) center  no-repeat; background-size: 60%; ">
						

				
				<div class="one-full" style=" opacity: 0.7;">
					<div id="ca" style="width: auto; height: 200px"></div>	
				</div>				

				<div class="cleared"></div>


					<h1 style="width:50%;margin-left:230px;  " >Palmarès des régions</h1>
					<h2 style="width:50%;margin-left:230px;  ">Euros / Janvier 2011 /  Chiffre d'affaires / Toutes régions</h2>
					
					<table class="tablesorter" id="myTable1" style="width:49%;margin-left:230px; " >
						<thead>
							<tr>
							  <th width = "30px" class="centrer" >RG</th>
							  <th> Région </th>
							  <th> CA_R </th>
							  <th> CA_B </th>
							  <th> CA_% </th>
							</tr>
						</thead>	
						<tbody>
							<tr>
								<td class="centrer"> <span class="centrer">1</span> </td>
								<td class="gauche"> Sud Est </td>
								<td> 51 848,50 </td>
								<td> 51 848,50 </td>
							  <td >  4% </td>
							 
							</tr>
							<tr>
								<td class="centrer"> 2 </td>
								<td class="gauche"> Nord Ouest </td>
								<td> 73 468,40 </td>
								<td> 51 848,50 </td>
							  <td >  32% </td>
							</tr>
							<tr >
								<td class="centrer"> 3 </td>
								<td class="gauche"> Sud Ouest </td>
								<td> 18 308,10 </td>
								<td> 51 848,50 </td>
								<td >  12% </td>
							</tr>
							
							<tr >
								<td class="centrer"> 4 </td>
								<td class="gauche"> R Paris </td>
								<td> 38 769,70 </td>
								<td> 51 848,50 </td>
								<td > 12% </td>
							</tr>
							
							<tr>
							  <td  class="centrer"> 5 </td>
							  <td class="gauche">  Nord Est </td>
							  <td> 83 619,00 </td>
							  <td> 51 848,50 </td>
							  <td >  12% </td>
							</tr>
						  </tbody>
					</table>
				 
				
				<div class="one-half">
				
					<h1> Top 5 des magasins </h1>
					<h2>Euros / Janvier 2011 /  Chiffre d'affaires / Toutes régions</h2>
					<table class="tablesorter"  id="myTable2"> <!--  border="0" cellspacing="0" cellpadding="0" -->  
						<thead> 
							<tr> 
								<th class="centrer">RG</th>
								<th  class="gauche">Villes</th>
								<th style="width:5px"></th>
								<th >CA_R</th>
								<th >CA_B</th>
								<th >CA_%</th>
							</tr> 
						</thead> 
							
						<tbody>
							<tr>
								<td  class="centrer"> 1 </td>
								<td  class="gauche"> Versailles </td>
								<td > <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 12 086,70 </td>
								<td >CA_B</td>
								<td >CA_B</td>
							</tr>
							
							<tr >
								<td class="centrer"> 2 </td>
								<td  class="gauche"> Valence </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 10 610,20 </td>
								<td >CA_B</td>
								<td >CA_B</td>
							</tr>
							<tr>
								<td class="centrer"> 3 </td>
								<td  class="gauche"> Marseille </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 10 564,90 </td>
								<td >CA_B</td>
								<td >CA_B</td>
							</tr>
							
							<tr>
								<td class="centrer"> 4 </td>
								<td  class="gauche"> Clermont_Ferrand </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 9 555,10 </td>
								<td >CA_B</td>
								<td >CA_B</td>
							</tr>
							
							<tr>
								<td class="centrer"> 5 </td>
								<td  class="gauche"> Nantes </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 8 970,80 </td>
								<td >CA_B</td>
								<td >CA_B</td>
							</tr>
						</tbody>
					</table>
				</div>
								
				<div  class="one-half">
					<h1> Flop 5 des magasins </h1>
					<h2>Euros / Janvier 2011 / Tous indicateurs / Toutes régions </h2>

					<table class="tablesorter"  id="myTable3">
						
						<thead> 
							<tr> 
								<th class="centrer">RG</th>
								<th >Villes</th>
								<th style="width:5px"></th>
								<th >CA_R</th>
								<th >CA_B</th>
								<th >CA_%</th>
							</tr> 
						</thead> 
						
						<tbody>
						<tr>
							<td  class="centrer"> 1 </td>
							<td   class="gauche"> Versailles </td>
							<td > <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
							<td> 12 086,70 </td>
							<td >CA_B</td>
						<td >CA_B</td>
							
							 
						</tr>
						<tr >
							<td  class="centrer"> 2 </td>
							<td   class="gauche"> Valence </td>
							<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
							<td> 10 610,20 </td>
							<td >CA_B</td>
						<td >CA_B</td>
							
							 
						</tr>
						<tr>
							<td  class="centrer"> 3 </td>
							<td  class="gauche"> Marseille </td>
							<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
							<td> 10 564,90 </td>
							<td >CA_B</td>
						<td >CA_B</td>
						</tr>
						
						<tr>
							<td  class="centrer"> 4 </td>
							<td  class="gauche"> Clermont_Ferrand </td>
							<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
							<td> 9 555,10 </td>
							<td >CA_B</td>
						<td >CA_B</td>
						</tr>
						
						<tr>
							<td class="centrer"> 5 </td>
							<td  class="gauche"> Nantes </td>
							<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
							<td> 8 970,80 </td>
							<td >CA_B</td>
						<td >CA_B</td>
						</tr>
						</tbody>
					</table>
				</div>
				
				<div class="cleared"></div>
				<!--<p> OU </p>
			
				<div class="one-full" style=" opacity: 0.7;">
					<div id="ca_2" style="width: auto; height: 200px"></div>	
				</div>	
						

						
				
				
			
			
				<div class="one-full">
					<h1 >Top 5 des magasins </h1>
					<h2>Euros / Janvier 2011 / Tous indicateurs / Toutes régions</h2>
					<table class="tablesorter"  id="myTable11">  
						<thead> 
							<tr> 
								<th class="rang">RG</th>
								<th >Villes</th>
								<th ></th>
								<th >CA_R</th>
								<th >CA_B</th>
								<th >CA_%</th>
								
								<th >MB_R</th>
								<th >MB_B</th>
								<th >MB_%</th>
								<th >VTS_R</th>
								<th >VTS_B</th>
								<th >VTS_%</th>
								 
								
							</tr> 
						</thead> 
							
							<tbody>
							<tr>
								<td  class="rang"> 1 </td>
								<td> Versailles </td>
								<td > <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 12086,7 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							<tr >
							<tD> 2 </td>
							  <td> Valence </td>
							  <td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
							  <td> 10610,2 </td>
							  <td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							<tr>
							<td> 3 </td>
							  <td> Marseille </td>
							  <td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
							  <td> 10564,9 </td>
							   <td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 4 </td>
								<td> Clermont_Ferrand </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 9555,1 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 5 </td>
								<td> Nantes </td>
								<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
								<td> 8970,8 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							 
							<tr>
								<td> 6 </td>
								<td> Strasbourg </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 8330,6 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 7 </td>
								<td> Arras </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 8276,1 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 8 </td>
								<td> Limoges </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 7671,1 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 9 </td>
								<td> Alencon </td>
								<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
								<td> 7553,5 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr>
							
							<tr>
								<td> 10 </td>
								<td> Paris_Sud </td>
								<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
								<td> 7496,9 </td>
								<td >CA_B</td>
							<td >CA_B</td>
								<td >MB_R</td>
								<td >MB_B</td>
								<td >MB_%</td>
								<td >VTS_R</td>
								<td >VTS_B</td>
								<td >VTS_%</td>
								 
							</tr> 
						</tbody>
					</table>
				</div>
			
				<div class="one-full">
						<h1 >Flop 5 des magasins</h1>
						<h2>Euros / Janvier 2011 / Tous indicateurs / Toutes régions</h2>
						<table class="tablesorter"  id="myTable11"> <!--  border="0" cellspacing="0" cellpadding="0"   
							<thead> 
								<tr> 
									<th >RG</th>
									<th >Villes</th>
									<th ></th>
									<th >CA_R</th>
									<th >CA_B</th>
									<th >CA_%</th>
									
									<th >MB_R</th>
									<th >MB_B</th>
									<th >MB_%</th>
									<th >VTS_R</th>
									<th >VTS_B</th>
									<th >VTS_%</th>
								</tr> 
							</thead> 
								
							<tbody>
								<tr>
									<td> 1 </td>
									<td> Versailles </td>
									<td > <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
									<td> 12086,7 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								 </tr>
								<tr>
									<td> 1 </td>
									<td> Toulon </td>
									<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
									<td> 1881,6 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								</tr>
								<tr>
									<td> 1 </td>
									<td> Angers </td>
									<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
									<td> 1695 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								</tr>
								<tr>
									<td> 1 </td>
									<td> Lyon </td>
									<td> <img src="../images/enseignes/darty.jpg" width="20px" height="20px"/> </td>
									<td> 1242,8 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								</tr>
								<tr>
									<td> 1 </td>
									<td> Nancy </td>
									<td> <img src="../images/enseignes/boulanger.jpg" width="20px" height="20px"/> </td>
									<td> 947,8 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								</tr>
								<tr>
									<td> 1 </td>
									<td> Quimper </td>
									<td> <img src="../images/enseignes/leroy-merlin.jpg" width="20px" height="20px"/> </td>
									<td> 737,5 </td>
									<td >CA_B</td>
								<td >CA_B</td>
									<td >MB_R</td>
									<td >MB_B</td>
									<td >MB_%</td>
									<td >VTS_R</td>
									<td >VTS_B</td>
									<td >VTS_%</td>
									 
								</tr> 
							</tbody>
						</table>
					</div>
					-->
			</div><!-- Fin Div content --> 
			<div class="cleared"></div>
			
		</div> <!-- Fin div middle -->
			
		<div id="footer" style="top:1380px;">
			<p>Entreprise DARTIES - 2011</p>                         		
		</div>
		<div class="cleared"></div>
	</div> <!-- Fin div page -->
</body>
</html>
